import React from 'react'
// 创建ref对象
const xxxRef = React.createRef()
export default function App() {
  return (
    <div>
      App
      {/* 绑定ref对象和标签 */}
      <input type="text" ref={xxxRef} />
      {/* 需求: 点击按钮,让文本框获取焦点 */}
      <button
        onClick={() => {
          // 获取input的真实dom对象
          // 使用react提供的refs技术
          // 使用步骤:
          // 1. 创建ref对象
          // 2. 使用ref对象和要操作的标签进行绑定
          // 3. 获取对应标签的真实dom进行操作
          // ref对象.current可以访问到绑定的标签的真实dom
          // console.log(xxxRef)]
          xxxRef.current.focus()
        }}
      >
        按钮
      </button>
    </div>
  )
}
